@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;} a:hover{text-decoration:none;}
a:focus{text-decoration: none;outline: none;}
img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:'微软雅黑';color:#333; position: relative; min-width: 1200px;}

@font-face{
	font-family: '阿里巴巴普惠体'; 
	src:url('../font/Alibaba-PuHuiTi-Medium.otf'),
		url('../font/Alibaba-PuHuiTi-Regular.otf'),
		url('../font/Alibaba-PuHuiTi-Heavy.otf'),
		url('../font/Alibaba-PuHuiTi-Light.otf');
}
@font-face{
	font-family: '阿里巴巴普惠体B'; 
	src:url('../font/Alibaba-PuHuiTi-Bold.otf');
}


/* public */
.clearfix {*zoom: 1;}
/* #a2:after{
content:'';
display:block;
clear:both;
} */
.cleartab:before{content:'';display: table;}
/* 外边距溢出 */
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
/* 高度坍塌 */
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
/* 居中 */
.main{width:100%; max-width:1200px; margin:0 auto;}
/* 宽度最大 */
.fixed{position:fixed;left:0;top:0;z-index:999;}

.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}



/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}


.banner .hd{width:200px;position:absolute;right:45px;bottom:45%;}
.banner .hd .page{
	/* font-size: 12px; */
	color: #FFFFFF;
}

/* .banner .hd ul{display:inline-block;} */
.banner .hd ul li{width:80px;height:3px;display:inline-block;float:left;background:#bfbfbf;margin:0 6px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{background:#545455;}
.banner .banner_prev,
.banner .banner_next{
	border-radius:100px;
	opacity:.4;width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	position:absolute;
	color: #FFFFFF;
	background-color: rgba(0,0,0,.7);
	top: 50%;
	cursor:pointer;
	font-size:38px;
	font-family: '宋体';
	font-weight:bold;
	text-align:center;
}
.banner .hd .pageState{color: #FFFFFF;font-size: 18px;transform: rotate(90deg);}
.banner .hd .pageState span{color: #FFFFFF;font-size: 18px;transform: rotate(90deg);opacity: 1;}
.banner .hd .pageState span:after{content: '—————';display: inline-block;color: #FFFFFF;opacity: .33;margin: 0 20px;}
.banner .page { color : #FFFFFF ; font-size : 14px }
.banner .page b { display : inline-block ; margin-right : 18px }
.banner .page i { display : inline-block ; width : 120px ; height : 2px ; background-image : linear-gradient(90deg,#FFFFFF 50%, rgba(255,255,255,.33) 50%) ; margin-right : 18px ; vertical-align : middle ; margin-bottom : 2px ; transition : .5s }
.banner .page span { opacity : .33 ; transition : .5s }

.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url('../img/cursor.png') no-repeat center; cursor:pointer;}
/*.heart{animation: heart ease-in-out .6s infinite alternate;}
@keyframes heart{from{transform:translate(0,0)} to{transform:translate(0,15px)}}
*/





/* header */
.header { width : 100% ; background-color : #404040 ; background-image : url('../images/header-bakcground.png') ; background-repeat : no-repeat ; margin : 0px auto ; transition : .5s }
.header>.container { width : 100% ; max-width : 1200px ; height : 100px ; margin : 0px auto ; overflow : hidden }
.header .left { width : 310px ; height : 57px ; background : url('../images/header-logo.png') no-repeat ; float : left ; margin-top : 28px ; text-indent : -999px ; text-overflow : ellipsis ; overflow : hidden ; position : relative }
.header .left a { display : block ; width : 310px ; height : 57px ; position : absolute ; left : 0px ; top : 0px }
.header .center { float : left ; margin-left : 40px ; z-index : 1 }
.header .center li { width : 100px ; height : 120px ; float : left ; line-height : 120px ; text-align : center }
.header .center a { display : block ; color : #FFFFFF  ; font-size : 16px }
.header .right { height : 23px ; float : right ; margin-top : 49px }
.header .right i { display : inline-block ; width : 23px ; height : 23px ; background-repeat : no-repeat ; background-position : center center }
.header .right i:first-of-type { background-image : url(../images/header-icon1.png) ; margin-right : 26px }
.header .right i:last-of-type { background-image : url(../images/header-icon2.png) ; margin-right : 15px }
.header .right span { display : inline-block ; color : #FFFFFF ; font-size : 16px ; line-height : 23px ; vertical-align : top }

.header .drop { width : 100% ; height : 0px ; background : rgb(64, 64, 64, .9) ; padding : 0px 0px ; position : absolute ; left : 0px ; top : 120px ; overflow : hidden ; transition : .5s ; z-index : 2 }
.header .drop form { width : 250px ; height : 35px ; border-radius : 4px ; float : right ; margin-right : 300px ; overflow : hidden }
.header .drop .text { width : 215px ; height : 35px ; float : left ; background-color : #FFFFFF ; color : #666666 ; text-indent : 10px }
.header .drop .submit { width : 35px ; height : 35px ; background : url(../images/header-icon1.png) center center no-repeat ; background-color : #c7000c ; cursor : pointer }
/* comm */



/* 头部 */
.header{
	background: #1b1b1b none;
}
.header .left{
	margin-top: 27px;
}
.header .left a{
    display: block;
    width: 164px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.header .center li{
    height: 100px;
    line-height: 100px;
}
.header .center a{
    font-size: 15px;
	transition: all 0.35s;
}
.header .center a:hover{
	color: #333333;
	background-color: #FFFFFF;
}
.header .right {
    margin-top: 40px;
}
.header .right button{
	width: 16px;
	height: 20px;
	background-image: url(../images/search.png);
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	border: 0;
	outline: none;
}
.header .des{
	background-color: #f4f4f4;
	height: 0;
	position: absolute;
	z-index: 50;
	margin: 0 auto;
	left: 0;
	top: 100px;
	width: 100%;
	overflow: hidden;
	transition: all .5s;
}

.header li:hover .des{
	height: 100px;
}

.header .des .main{
	text-align: right;
	
}
.header .des .main a:last-of-type{
	margin-right: 50px;
}
.header .des .main a{
	text-align: center;
	display: inline-block;
	color: #666666;
	font-size: 15px;
	width: 100px;
}





/* 底部 */
.footer{background:#f4f4f4; color:#333333;line-height: 100px;}
.footer .bl{
	font-size: 15px;
}
.footer .bl .company{
	font-size: 14px;
	display: inline-block;
	margin-right: 30px;
}
.footer a:hover{
	color: #ff0001;
}
.footer .br{
	height: 100px;
	line-height: 100px !important;
}
.footer .br .bshare-custom{
	margin-top: 34px;
}
.footer .main {
    min-height: 100px;
}
.bshare-custom.icon-medium-plus .bshare-facebook{
	background: url(../images/facebook.png) no-repeat center !important;
	background-size: 30px 30px !important;
}
.bshare-custom.icon-medium-plus .bshare-weixin{
	background: url(../images/wx.png) no-repeat center !important;
	background-size: 30px 30px !important;
}
.bshare-custom.icon-medium-plus .bshare-tuita{
	background: url(../images/Twitter.png) no-repeat center !important;
	background-size: 30px 30px !important;
}
/* .bshare-custom.icon-medium-plus .bshare-more{
	background: url(../images/add.png) no-repeat center !important;
	background-size: 32px 32px !important;
}

 */

/* pro */
.htit{
	margin-top: 200px;
	margin-bottom: 78px;
}
.htit h2{
	font-family: '阿里巴巴普惠体';
	font-size: 26px;
	font-weight: 500;
	color: #222222;
}
.htit h2:after{
	content: '';
	height: 2px;
	width: 73px;
	margin-top: 25px;
	background-color: #000000;
	display: block;
}
.pro .pro_list .pro_box{
	margin-bottom: 105px;
}
.pro .pro_list .pro_box .text_box{
	width: 460px;
	display: table-cell;
	vertical-align: middle;
}
.pro .pro_list .pro_box .text_box h3{
	font-weight: 500;
	color: #222222;
	letter-spacing: 1px;
	font-family: '阿里巴巴普惠体';
	font-size: 24px;
}
.pro .pro_list .pro_box .text_box p{
	color: #666666;
	font-size: 15px;
	margin:25px 0 70px;
	width: 320px;
	letter-spacing: 1px;
	line-height: 26px;
	
}
.pro .pro_list .pro_box .text_box button{
	border: 1px solid #000000;
	background-color: transparent;
	transition: all .75s;
	cursor: pointer;
	font-size: 15px;
	outline: none;
	width: 170px;
	height: 50px;
	border-radius: 20px;
}
.pro .pro_list .pro_box .text_box button:hover{
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #333333;
	
}
.pro .pro_list .pro_box .text_box button:after{
	content: '>';
	margin-left: 16px;
	display: inline-block;
	font-family: '宋体';
	font-weight: 500;
	color: #333333;
}

.case .case_list .case_box{
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 13px;
}
.case .case_list .case_box:nth-of-type(3n){
	margin-right: 0px;
}
.case .case_list .case_box .text_box{
	color: #FFFFFF;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	transition: all .7s;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	top: 0;
	font-family: '阿里巴巴普惠体';
	font-size: 20px;
	width: 390px;
	height: 220px;
	line-height: 220px;
}
.case .case_list .case_box:hover .text_box,
.case .case_list .case_box.on .text_box{
	opacity: 1;
}
.case .case_list .case_box .img_box{
	width: 390px;
	height: 220px;
}

/* video */
.ivideo .img_box{
	width: 1200px;
	height: 530px;
}
.ivideo .media_box{
	width: 1200px;
	position: relative;
	height: 530px;
}


/* news */
.news{
	margin-bottom: 190px;
}
.news .news_list .news_box{
	float: left;
	margin-right: 46px;
}
.news .news_list .news_box:nth-of-type(3n){
	margin-right: 0;
}
.news .news_list .news_box .img_box{
	width: 368px;
	height: 206px;
}
.news .news_list .news_box .img_box{
	overflow: hidden;
}
.news .news_list .news_box .img_box img{
	transition: all .5s;
}
.news .news_list .news_box .text_box h3{
	font-family: '阿里巴巴普惠体';
	font-size: 20px;
	font-weight: 500;
	margin: 50px 0 35px;
}
.news .news_list .news_box .text_box p{
	width: 368px;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	letter-spacing: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .news_list .news_box:hover .img_box img{
	transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
}

/* case */
.pro_type{position:relative;padding-left:80px;margin-bottom: 30px;}
.pro_type ul li{height:42px;line-height:42px;display:inline-block;float:left;font-size:16px;color:#888888;margin-bottom:5px;position: relative;font-weight: 400;margin-right: 15px;}
.pro_type>ul>li:nth-child(1){position:absolute;left:0;top:0;color: #666666;font-size: 16px;font-weight: bold;}
.pro_type ul li>a{display: inline-block; padding:0 18px; line-height: 33px; color: #666666;}

.pro_type ul li.on a,
.pro_type ul li:not(:first-of-type) a:hover{
	color:#ffffff;border-radius: 16px;background-color: #000000;}


/* 图片案例 */
.eng{margin: 80px 0 137px;}
.eng .eng_list_box .eng_box{width: 580px;display: block;float: left;margin-bottom: 57px;}
/* .eng .eng_list_box .eng_box:hover{margin-top: -5px;margin-bottom: 5px;} */
.eng .eng_list_box .eng_box .img_box{width: 580px;height: 326px;overflow: hidden;}
.eng .eng_list_box .eng_box .img_box img{transition: .75s all;width: 100%;height: 100%;}
.eng .eng_list_box .eng_box:hover .img_box img{transform: scale(1.1);}
.eng .eng_list_box .eng_box:not(:nth-of-type(2n)){margin-right: 40px;}
.eng .eng_list_box .eng_box .text_box{height: 86px;line-height: 86px;color: #333333;font-size: 18px;
font-family: '阿里巴巴普惠体';}

.avideo .avideo_list .avideo_box{width: 580px;display: block;float: left;margin-bottom: 57px;}
.avideo .avideo_list .avideo_box a{
	display: block;
	position: relative;
}
.avideo .avideo_list .avideo_box .img_box{width: 580px;height: 326px;overflow: hidden;}
.avideo .avideo_list .avideo_box .img_box img{transition: .75s all;width: 100%;height: 100%;}
.avideo .avideo_list .avideo_box:not(:nth-of-type(2n)){margin-right: 40px;}

.avideo .avideo_list .avideo_box .text_box{height: 86px;line-height: 86px;color: #333333;font-size: 18px;font-family: '阿里巴巴普惠体';}





.btn1,.btn{
	background-color: #0e0a06;
	border: 1px solid #0e0a06;
	color: #FFFFFF;
	font-size: 18px;
	margin: 100px auto;
	border-radius: 20px;
	outline: none;
	display: block;
	width: 216px;
	height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 60px;
	transition: all .5s;
}
.btn1:after{
	content: '>';
	font-family: '宋体';
	display: inline-block;
	margin-left: 20px;
}
.btn1:hover{
	background-color: #FFFFFF;
	border: 1px solid #0e0a06;
	color: #0e0a06;
}
.btn1:hover:after{
	color: #0e0a06;
}



/* icase */
.icase .titbg{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 1200px;
	height: 675px;
}

.icase .text_box{
	margin: 75px 0;
}
.icase .text_box h3{
	font-size: 24px;
	margin-bottom: 30px;
	font-family: '阿里巴巴普惠体';
}
.icase .text_box p{
	line-height: 32px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.btnbox{
	display: block;
	width: 50%;
	margin: 0 auto;
}
.btnbox .btn{
	display: inline-block;
	text-align: center;
}
.btnbox .next{
	float: right;
}
.btnbox .btn:first-of-type::before{
	content: '<';
	font-family: '宋体';
	display: inline-block;
	margin-right: 20px;
}
.btnbox .btn:last-of-type:after{
	content: '>';
	font-family: '宋体';
	display: inline-block;
	margin-left: 20px;
}
.btnbox .btn:hover{
	background-color: #FFFFFF;
	border: 1px solid #0e0a06;
	color: #0e0a06;
}
.btnbox .btn:hover:after{
	color: #0e0a06;
}

/* inews */
.inews .inews_list .inews_box{
	margin-bottom: 80px;
}
.inews .inews_list .img_box{
	width: 368px;
	height: 206px;
	overflow: hidden;
}
.inews .inews_list .inews_box .img_box img{
	transition: all .75s;
}
.inews .inews_list .inews_box:hover .img_box img{
	transform: scale(1.1);
}
.inews .inews_list .text_box{
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
}
.inews .inews_list .text_box h3{
	font-size: 22px;
	font-family: '阿里巴巴普惠体';
	color: #222222;
	margin-bottom: 40px;
}

.inews .inews_list .text_box p{
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #666666;
}


/* inewsv */
.inewsv h3{
	font-family: '阿里巴巴普惠体';
	margin-top: 160px;
	margin-bottom: 60px;
	color: #222222;
	font-size: 26px;
	text-align: center;
}
.inewsv h4{
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.inewsv p{
	font-size: 16px;
	line-height: 30px;
	color: #444444;
	margin-bottom: 26px;
}

.query h3,
.messge h3,
.service h3,
.offer h3{
	text-align: center;
	font-family: '阿里巴巴普惠体';
	font-size: 26px;
	letter-spacing: 1px;
	margin-top: 160px;
}

.offer h3:after,
.query h3:after,
.messge h3:after,
.service h3:after{
	content: '';
    height: 2px;
    width: 73px;
	margin: 35px auto;
    background-color: #000000;
    display: block;
}

/* 报价搜索 */
.query .select{
	line-height: 57px;
	width: 428px;
	border-radius: 20px;
	border: 1px solid #d4d4d4;
}

/* 留言 */
.messge form{
	text-align: center;
}
.messge input{
	width: 690px;
	margin-top: 47px;
	border-bottom: 1px solid #000000;
	border-right: 0;
	border-left: 0;
	font-size: 16px;
	line-height: 48px;
}
.messge textarea{
	width: 690px;
	resize: none;
	font-size: 16px;
	line-height: 40px;
	margin-top: 47px;
	border-bottom: 1px solid #000000;
	box-sizing: border-box;
	font-family: arial;
}
.messge textarea::placeholder{
	font-size: 16px;
	color: #333333;
}


.messge input::placeholder{
	color: #444444;
}
.messge button{
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	border: 0;
	width: 216px;
	height: 60px;
	border-radius: 20px;
	margin: 90px auto 200px;
}
.messge .reg_box{
	position: relative;
	margin: 0 auto;
	width: 690px;
}
.messge .reg_box .img_box{
	position: absolute;
	bottom: 1px;
	right: 0;
}
.lianxi{
	margin-bottom: 170px;
}
.lianxi .img_map{
	margin-bottom: 68px;
}
.lianxi .img_map .img_box{
	width: 1200px;
	height: 520px;
}
.lianxi p{
	font-size: 18px;
	line-height: 36px;
	color:#222222;
	font-family: '阿里巴巴普惠体';
}

/* 公司简介 */
.ab{
	color: #444444;
	font-size: 16px;
	line-height: 32px;
}
.ab p{
	margin-bottom: 45px;
}
.brand{
	margin-bottom: 188px;
}
.brand .brand_box{
	position: relative;
	padding: 24px 0 27px;
	border-bottom: 1px solid #d2d2d2;
}
.brand .brand_box h3{
	display: inline-block;
	color: #333333;
	font-family: '阿里巴巴普惠体';
	font-size: 26px;
	line-height: 48px;
	vertical-align: top;
}
.brand .brand_box p{
	width: 1135px;
	color: #444444;
	font-size: 16px;
	line-height: 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding-left: 37px;
	clear: both;
}

/* 产品页 */
.ipro .ipro_list .ipro_box h2{
	font-family: '阿里巴巴普惠体';
	color: #222222;
	margin-bottom: 30px;
	font-size: 22px;
}
.ipro .ipro_list .ipro_box p{
	width: 325px;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
}
.ipro .ipro_list .ipro_box{
	margin-bottom: 100px;
}
.ipro .ipro_list .ipro_box .text_box{
	width: 460px;
	height: 416px;
	vertical-align: middle;
	display: table-cell;
}
.ipro .ipro_list .ipro_box .img_box{
	width: 740px;
	height: 416px;
}

/* 视频 */
.video_img{
	background-image: url(../images/video01.jpg);
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 666;
}
.video_btn,.video_btn1{
	height: 100%;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/play.png);
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80px 80px;
	z-index: 777;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.media_box video{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 555;
	transform: translate(-50%, -50%);
	/* 模糊图片 */
	/* transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); */
}



/* service */
.service p{
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}

.service form{
	margin-top: 70px;
	text-align: center;
}
.service form select{
	height: 66px;
	width: 480px;
    margin-left: 60px;
	border: 1px solid #BFBFBF;
	margin-bottom: 20px;
	border-radius: 25px;
	outline: none;
	color: #757575;
	padding-left: 20px;
	font-size: 16px;
}
.service form div{
	text-align: center;
	font-family: '阿里巴巴普惠体';
	font-size: 22px;
	line-height: 24px;
	color: #333333;
}
.service form input{
	margin-left: 60px;
	width: 480px;
	border-radius: 25px;
	padding-left: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
	outline: none;
    font-size: 16px;
	height: 66px;
}
.service h4{
	text-align: center;
	font-family: '阿里巴巴普惠体';
	margin-bottom: 38px;
	font-size: 20px;
	line-height: 24px;
}
.service button.btn{
	margin: 70px auto 140px;
}

.service .msg{
	margin-bottom: 130px;
}
.service .msg,
.service .msg p{
	color: #333333;
}
.service .msg .box{
	min-height: 60px;
	color: #333333;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	float: left;
	
	
}

.service .msg .box>.l_box{
	width: 215px;
}
.service .msg .box>.r_box{
	width: 385px;
}
.service .msg .box>div{
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
	height: 88px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	padding-left: 25px;
	text-indent: 1px;
	letter-spacing: 1px;
}
.service .msg .box:first-of-type div,
.service .msg .box:nth-of-type(2) div{
	/* border-top: 1px solid #d2d2d2; */
}
.service .msg .box:nth-of-type(odd) .l_box{
	border-right: 1px solid #D2D2D2;
}
.service .msg .box:nth-of-type(4n+3),
.service .msg .box:nth-of-type(4n){
	background-color: #eeeeee;
}
.service .msg .box:nth-of-type(even) div{
	border-right: 1px solid #D2D2D2;
}
.service .msg>.box{
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.service .msg .box .l_box .img_box{
	width: 200px;
	height: 110px;
}
.service .msg .box p{
	font-size: 16px;
	line-height: 24px;
	padding-left: 26px;
	text-align: left;
}
.service .msg  .box p:first-of-type{
	padding: 27px 25px;
}





/* 查询列表 */
.query form{
	margin: 70px 0 400px;
}


/* 查询列表 */
.query{
	overflow: hidden;
}
.query .dl{
	width: 1200px;
	display: block;
	transition: all 1s;
}
.offer .dl{
	width: 460px;
}
.query .dl h3{
	text-align: left;
	margin-left: 550px;
	transition: all 1s;
}

.query h3:after{
	transition: all 1s;
	margin: 35px 16px;
}
.query .dl .select{
	display: block;
	margin: 0 386px 16px;
	width: 428px;
	min-height: 57px;
	outline: none;
	font-size: 16px;
	line-height: 57px;
	color: #333333;
	border: 1px solid #bfbfbf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	position: relative;
	transition: all 1s;
}
.query .dl .select .first{
	margin: 0 20px;
}
.query .dl .select .children{
	padding-left: 20px;
}
.query .dl .select.on .first,
.query .dl .select:hover .first{
	border-bottom: 1px solid #bfbfbf;
}

.query .select .fat{
	height: 0;
	transition: all 1s;
	overflow: hidden;
}
.query .select:hover .fat{
	height: 100%;
}



/* .query .select.on .fat .children, */
.query .select .fat .children:hover{
	background-color: #eeeeee;
}
.query .select.on .fat .children:last-of-type{
	border-radius: 0 0 20px 20px;
}







.query .dl .btn{
    margin: 100px 492px 100px;
	transition: all 1s;
}


.query .tri {
    position: absolute;
    top: 23px;
    right: 30px;
    height: 0;
    width: 0;
    border-top: 12px solid #000000;
    border-right: 7px solid rgba(0,0,0,0);
    border-left: 7px solid rgba(0,0,0,0);
    border-bottom: 0;
}


.query .dr{
	right: -100%;
	position: absolute;
	font-size: 16px;
	line-height: 24px;
	width: 50vw;
	height: 97vh;
	background-color: #f0f0f0;
	z-index: -1;
	top: 100px;
	display: none;
	transition: all 1s;
}
.query.offer .dl h3{
	text-align: left;
	margin-left: 0;
}
.query.offer .dl h3:after{
    margin: 35px 0;
}
.query.offer .dl form{
	margin: 70px 0 400px;
}
.query.offer .dl select{
	display: block;
	margin: 0 0 16px;
	width: 330px;
	height: 57px;
	outline: none;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	border: 1px solid #bfbfbf;
	border-radius: 20px;
	padding-left: 28px;
	position: relative;
}
.query.offer .dl .tri {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 0;
    width: 0;
    border-top: 12px solid #000000;
    border-right: 7px solid rgba(0,0,0,0);
    border-left: 7px solid rgba(0,0,0,0);
    border-bottom: 0;
}
.offer .dl .btn{
    margin: 100px 0;
}
.offer .dr{
	right: 0;
}
.query .dr .msg{
	margin-top: 160px;
	margin-left: 105px;
}
.query .dr .msg .box .img_box{
	width: 217px;
	height: 109px;
}
.query .dr .msg .box div{
	width: 215px;
	height: 108px;
	text-align: center;
}
.query .dr .msg .box:nth-of-type(odd)>div{
	background-color: #FFFFFF;
}
.query .dr .msg .box:nth-of-type(even)>div{
	background-color: #f5f5f5;
	
}
.query .dr .msg .box:first-of-type>div{
	border-top: 1px solid #d2d2d2;
}
.query .dr .msg .box>div:first-of-type{
	border-left: 1px solid #d2d2d2;
	
}
.query .dr .msg .box>div{
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

/* 媒体 */
.media{
	margin: 0 auto 70px;
}
.media h4{
	font-size: 26px;
	margin-top: 200px;
	font-family: '阿里巴巴普惠体';
	color: #222222;
	text-align: center;
}
.media_box{
	position: relative;
	margin-top: 72px;
    background-color: #000000;
	width: 1200px;
	height: 667px;
}
.media_box .btnbox{
	top: 500px;
	padding-top: 500px;
}

.video_img{
	background-image: url(../images/video01.jpg);
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 666;
}
.video_btn{
	height: 100%;
	width: 100%;
	background-image: url(../images/play.png);
	background-size: 80px 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 777;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.media_box video{
	outline: none;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 555;
	transform: translate(-50%, -50%);
}
